<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>教师注册 - 师德师风测评系统</title>
<link rel="Bookmark" href="__PUBLIC__/common/img/favicon.ico" >
<link rel="Shortcut Icon" href="__PUBLIC__/common/img/favicon.ico" />
<script src="../Public/js/jquery.1.7.1.min.js"></script>
<link href="../Public/css/reg.css" rel="stylesheet" type="text/css" />
<!-- Validform_v5.3.2验证框架 -->
<link rel="stylesheet" type="text/css"
	href="__PUBLIC__/Validform/css/Validform_v5.3.2.css" />
<script type="text/javascript"
	src="__PUBLIC__/Validform/js/Validform_v5.3.2_min.js"></script>
<include file="Public:baidutongji" />
<script type="text/javascript">
			$(function() {
				var editor;
				var myform=$("#myform").Validform({
					tiptype:3,
					label:".label",
					showAllError:true,
					postonce:true,//开启二次提交防御
					ajaxPost:false,
					beforeSubmit:function(curform) {
						//在验证成功后，表单提交前执行的函数，curform参数是当前表单对象。
						lockScreen();
					},
					callback:function(data){
						$.Hidemsg();
					}
				});
				myform.addRule([{
					ele:"#province_code",
					datatype:"*",
			        nullmsg:"请选择省份"
				},{
					ele:"#city_code",
					datatype:"*",
			        nullmsg:"请选择市州"
				},{
					ele:"#area_code",
					datatype:"*",
			        nullmsg:"请选择县区"
				},{
					ele:"#school",
					datatype:"*",
			        nullmsg:"请选择学校"
				},
				{
					ele:"#name",
					datatype:"*1-100",
			        nullmsg:"请输入用户名，作为登录账号"
				},{
					ele:"#college",
					datatype:"*",
			        nullmsg:"请选择学院"
				},{
					ele:"#speciality",
					datatype:"*",
			        nullmsg:"请选择专业"
				},{
					ele:"#profession",
					datatype:"*",
			        nullmsg:"请选择职称"
				},
				{
					ele:"#real_name",
					datatype:"*1-100",
			        nullmsg:"请输入真实姓名"
				},
				{
					ele:"#pwd",
					datatype:"*6-16",
			        nullmsg:"请输入6~16位字符的密码！"
				},
				{
					ele:"#pwd1",
					datatype:"*",
					recheck:"pwd",
			        nullmsg:"请再输入一次密码",
			        errormsg:"您两次输入的密码不一致！"
				},
				{
					ele:"#birth_year",
					datatype:"*",
					nullmsg:"请选择年份"
				},
				{
					ele:"#birth_month",
					datatype:"*",
					nullmsg:"请选择月份"
				},
				{
					ele:"#leader_status",
					datatype:"*",
					nullmsg:"请选择是否领导"
				},
				{
					ele:"#zw",
					datatype:"*",
					nullmsg:"请输入职务"
				},
				{
					ele:"#email",
					datatype:"e",
			        nullmsg:"请输入电子邮箱"
				},
				{
					ele:"#phone",
					datatype:"m",
					nullmsg:"请输入电话"
				}]);
			});
			
			//获取城市列表
			function getCity() {
				$.post("__APP__?g=Index&m=Public&a=get_city",{province_code:$("#province_code").val()},function(data) {
					$("#city_code").empty();
					$("<option value=''>请选择市州</option>").appendTo("#city_code");
					if(data.status == "1") {
						var oResults=data.data;
		                for(var i=0, len=oResults.length; i < len; i++) {
		                    $("<option value='"+oResults[i].code+"'>"+oResults[i].name+"</option>").appendTo("#city_code");
		                }
					} else {
						alert(data.info);
					}
				}, 'json');
			}
			
			//获取县区列表
			function getArea() {
				$.post("__APP__?g=Index&m=Public&a=get_area",{city_code:$("#city_code").val()},function(data) {
					$("#area_code").empty();
					$("<option value=''>请选择县区</option>").appendTo("#area_code");
					if(data.status == "1") {
						var oResults=data.data;
		                for(var i=0, len=oResults.length; i < len; i++) {
		                    $("<option value='"+oResults[i].code+"'>"+oResults[i].name+"</option>").appendTo("#area_code");
		                }
					} else {
						alert(data.info);
					}
				}, 'json');
			}
			
			//获取学校列表
			function getSchool() {
				$.post("__APP__?g=Index&m=Public&a=get_school",{area_code:$("#area_code").val()},function(data) {
					$("#school").empty();
					$("<option value=''>请选择学校</option>").appendTo("#school");
					if(data.status == "1") {
						var oResults=data.data;
		                for(var i=0, len=oResults.length; i < len; i++) {
		                    $("<option value='"+oResults[i].code+"'>"+oResults[i].name+"</option>").appendTo("#school");
		                }
						$("<option value='other'>其他学校</option>").appendTo("#school");
					} else {
						alert(data.info);
					}
				}, 'json');
			}
			
			//获取专业
			function getSpeciality() {
				$.post("__APP__?g=Admin&m=Public&a=get_speciality",{college:$("#college").val()},function(data) {
					$("#speciality").empty();
					$("<option value=''>请选择专业</option>").appendTo("#speciality");
					if(data.status == "1") {
						var oResults=data.data;
		                for(var i=0, len=oResults.length; i < len; i++) {
		                    $("<option value='"+oResults[i].code+"'>"+oResults[i].name+"</option>").appendTo("#speciality");
		                }
						$("<option value='other'>其他专业1</option>").appendTo("#speciality");
					} else {
						alert(data.info);
					}
				}, 'json');
			}
			//获取学科列表
			function getSubject() {
				$.post("__APP__?g=Admin&m=Public&a=get_subject",{phase:$("input[name=phase]:checked").val()},function(data) {
					$("#subject").empty();
					$("<option value=''>请选择主教学科</option>").appendTo("#subject");
					if(data.status == "1") {
						var oResults=data.data;
		                for(var i=0, len=oResults.length; i < len; i++) {
		                    $("<option value='"+oResults[i].id+"'>"+oResults[i].name+"</option>").appendTo("#subject");
		                }
					} else {
						alert(data.info);
					}
				}, 'json');
			}
		</script>
</head>
<body style="background: url(../Public/img/bg.png) center 0 no-repeat;">
	<div id="title" style="margin:0 auto !important;"><img style="margin-left:320px;width: 40%;height: 40%;" src="../Public/img/H1.gif"></div>
	<div style="font-size: 60px; color:#000;" align="center"><b>师德师风信息化监测平台</b></div>
	<br><br>
	<div id="container" style="height:880px!important;">
		<form id="myform" name="myform" method="post"
			action="__APP__?g=Index&m=Index&a=teacher_save"
			class="form-horizontal form-seperated">
			<div id="main" style="height:880px !important;">
			<br>
			<div style="font-size: 30px;color:#153773;margin:0 auto;" align="center"><b>教师注册</b></div>
			<br>
				<div class="unit">
					<label>所 在 地：</label> <select
						id="province_code" name="province_code" onChange="getCity();">
						<option value="">请选择省份</option>
						<volist name="province_list" id="vo">
						<option value="{$vo.code}">{$vo.name}</option>
						</volist>
					</select> <select id="city_code" name="city_code" onChange="getArea();">
						<option value="">请选择市州</option>
					</select> <select id="area_code" name="area_code" onChange="getSchool();">
						<option value="">请选择县区</option>
					</select>
				</div>
				<div class="unit school">
					<label for="school">学<span style="margin-left: 2em"></span>校：
					</label> <select id="school" name="school" class="school">
						<option value="">请选择学校</option>
						<option value="other">其他学校</option>
					</select>
				</div>
				<div class="unit college">
					<label for="school">学<span style="margin-left: 2em"></span>院：
					</label> <select id="college" name="college" class="college"  onChange="getSpeciality();">
						<option value="">请选择学院</option>
						<volist name="colledge_data" id="vo">
						<option value="{$vo.id}">{$vo.name}</option>
						</volist>
						<option value="other">其他学院</option>
					</select>
				</div>
				<!--					<div class="unit">-->
				<!--						<label for="name">用户名：<span style="margin-left:1em"></span></label>-->
				<!--						<input type="text" id="name" name="name" placeholder="请输入您的用户名，作为登录账号使用" />-->
				<!--					</div>-->
				<div class="unit">
					<label for="real_name">真实姓名：</label> <input type="text"
						id="real_name" name="real_name" placeholder="请输入您的真实姓名" />
				</div>
				<div class="unit school">
					<label>性<span style="margin-left: 2em"></span>别：
					</label> <input type="radio" id="gender_male" name="gender" value="a"
						datatype="*" nullmsg="请选择性别！" errormsg="请选择性别！" /> <label
						for="gender_male">男</label> <span style="margin-left: 2em"></span>
					<input type="radio" id="gender_female" name="gender" value="b" /> <label
						for="gender_female">女</label>
					<div class="Validform_checktip"></div>
				</div>
				<div class="unit">
					<label for="phone">联系电话：</label> <input type="text" id="phone"
						name="email" placeholder="请输入您的电话" />
				</div>
				<div class="unit school">
					<label>教<span style="margin-left: 2em"></span>龄：
					</label> <input type="radio" id="teach_year_a" name="teach_year" value="a"
						datatype="*" nullmsg="请选择教龄！" errormsg="请选择教龄！" /> <label
						for="teach_year_a">5年以下</label> <input type="radio"
						id="teach_year_b" name="teach_year" value="b" /> <label
						for="teach_year_b">5-10年</label> <input type="radio"
						id="teach_year_c" name="teach_year" value="c" /> <label
						for="teach_year_c">11-15年</label> <span style="margin-left: 2em;"></span>
					<input type="radio" id="teach_year_d" name="teach_year" value="d" />
					<label for="teach_year_d">16-20年</label> <input type="radio"
						id="teach_year_e" name="teach_year" value="e" /> <label
						for="teach_year_e">20年以上</label>
					<div class="Validform_checktip"></div>
				</div>
				<div class="unit profession">
					<label for="school">职<span style="margin-left: 2em"></span>称：
					</label> <select id="profession" name="profession" class="profession">
						<option value="">请选择职称</option>
						<volist name="profession_data" id="vo">
						<option value="{$vo.id}">{$vo.name}</option>
						</volist>
						<option value="13">其他</option>
					</select>
				</div>
				<div class="unit leader_status">
					<label>是否领导：
					</label> <input type="radio" id="leader_status" name="leader_status" value="a"
						datatype="*" nullmsg="请选择！" errormsg="请选择！" /> <label
						for="gender_male">是</label> <span style="margin-left: 2em"></span>
					<input type="radio" id="leader_status" name="leader_status" value="b" /> <label
						for="gender_female">否</label>
					<div class="Validform_checktip"></div>
				</div>
				<div class="unit">
					<label for="zw">职<span style="margin-left: 2em"></span>务：</label>
						 <input type="text" id="zw"
						name="zw" placeholder="请输入您的职务" />
				</div>
				<div class="unit">
					<label for="pwd">密<span style="margin-left: 2em"></span>码：
					</label> <input type="password" id="pwd" name="pwd" placeholder="请输入您的密码" />
				</div>
				<div class="unit">
					<label for="pwd1">确认密码：</label> <input type="password" id="pwd1"
						name="pwd1" placeholder="请确认您的密码" />
				</div>
				<!--  <div class="unit school">
					<label>学<span style="margin-left: 2em"></span>段：
					</label> <input type="radio" id="phase_a" name="phase" value="a"
						onChange="getSubject();" datatype="*" nullmsg="请选择学段！"
						errormsg="请选择学段！" /> <label for="phase_a">小学</label> <input
						type="radio" id="phase_b" name="phase" value="b"
						onChange="getSubject();" /> <label for="phase_b">初中</label> <input
						type="radio" id="phase_c" name="phase" value="c"
						onChange="getSubject();" /> <label for="phase_c">高中</label>
					<div class="Validform_checktip"></div>
				</div>
				<div class="unit">
					<label class="subject">教授年级学科：</label> <select id="grade"
						name="grade">
						<option value="">请选择年级</option>-->
						<!-- <option value="1">一年级</option>
						<option value="2">二年级</option>
						<option value="3">三年级</option>
						<option value="4">四年级</option>
						<option value="5">五年级</option>
						<option value="6">六年级</option>
						<option value="7">七年级</option>
						<option value="8">八年级</option>
						<option value="9">九年级</option>
						<option value="10">高一</option>
						<option value="11">高二</option>
						<option value="12">高三</option>
						<option value="13">本科</option>
						<option value="14">研究生</option> -->
					<!-- </select> <select id="subject" name="subject">
						<option value="">请选择主教学科</option>
					</select>
				</div>
				<div class="unit" style="height: 180px;">
					<label class="class1">教授班级(可按住Ctrl键多选)：</label> <select id="class"
						name="class[]" multiple="multiple"
						style="height: 150px; width: 150px;">
						<volist name="class_list" id="vo">
						<option value="{$vo.id}">{$vo.name}</option>
						</volist>
					</select>
				</div> -->
				<br><br>
				<div class="unit mt-5">
					<span style="margin-left: 5em"></span>
					<button type="submit" class="btn btn-danger btn-outlined">&nbsp;注&nbsp;册&nbsp;</button>
					<span style="margin-left: 2em"></span>
					<button type="button" class="btn btn-default btn-outlined"
						onclick="javascript:window.history.back(-1);">&nbsp;取&nbsp;消&nbsp;</button>
				</div>
				<!--					<a href="javascript:myform.submit();"><div class="reg-button"></div></a>-->
			</div>
		</form>
		<br>
		<div id="footer" >
			<p>测评单位：西北师范大学 教育技术学院</p>
			<p>系统开发：西北师范大学 甘肃省数字化教育工程实验室</p>
			<p>技术支持：甘肃省数字化教育工程实验室</p>
			<p>
				<a href="__APP__?g=Admin&m=Public&a=login">[管理员登录]</a>
			</p>
		</div>
	</div>
	<style>
#kefu {
	width: 180px;
	height: auto;
	position: fixed;
	top: 50%;
	right: 5px;
	z-index: 8888;
	background: #fff;
	border: 1px solid #d1d1d1;
	border-top: 2px solid #ca2d25;
	display: none;
	margin-top: -140px;
}

#kefu .top {
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

#kefu .middle {
	font-size: 12px;
	width: 100%;
	text-align: center;
}

#kefu .middle p {
	color: #991C0A;
}

#kefu .middle a {
	color: #333333;
}

#kefu .close {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}

.right_bar {
	width: 28px;
	height: 95px;
	position: fixed;
	top: 60%;
	right: 0;
	margin-top: -242px;
	z-index: 9999;
}

.right_bar img {
	cursor: pointer;
}
</style>
	<div id="kefu">
		<div class="top">
			QQ在线咨询<img src="../Public/img/close.gif" class="close" />
		</div>
		<div class="middle">
			<a target="_blank"
				href="http://wpa.qq.com/msgrd?v=3&uin=3502234842&site=qq&menu=yes">
				<div
					style="height: 20px; line-height: 20px; float: left; padding-left: 10px;">
					<img src="../Public/img/qq.gif" alt="教师问卷QQ咨询专线" title="教师问卷QQ咨询专线" />
				</div>
				<div
					style="height: 20px; line-height: 20px; float: left; padding-top: 3px;">教师问卷QQ咨询专线</div>
			</a> <br />
			<br />
		</div>
	</div>
	<div class="right_bar">
		<img src="../Public/img/right_bar.jpg" />
	</div>
	<script>	
			$(function(){
				$('.right_bar').hide();
				$('#kefu').show();
				$('.right_bar').click(function(){
					$(this).hide();
					$('#kefu').show();
				});
				$('#kefu .close').click(function(){
					$('.right_bar').show();
					$('#kefu').hide();
				});
			});
		</script>
</body>
</html>